html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;

}

body {
	
 margin:0;
 background-image:  url(https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1508573686&di=e0715f8fdfe3b0d0828797960d1841f1&src=http://www.sucaitianxia.com/Photo/pic/200909/haiys75.jpg);
background-repeat: no-repeat;
background-size:100% 100%;
}
a {
 background:0 0
}
a:focus {
 outline:thin dotted
}
a:active,a:hover {
 outline:0
}
h1 {
 font-size:2em;
 margin:.67em 0
}

button,input,select,textarea {
 font-family:inherit;
 font-size:100%;
 margin:0
}
button,input {
 line-height:normal
}
button,select {
 text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}


[class*=" icon-"]:before,[class^=icon-]:before {
 font-family:fontello;
 font-style:normal;
 font-weight:400;
 speak:none;
 display:inline-block;
 text-decoration:inherit;
 width:1em;
 margin-right:.2em;
 text-align:center;
 font-variant:normal;
 text-transform:none;
 line-height:1em;
 margin-left:.2em
}

*,::after,::before {
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
html {
 height:100%
}

body {
 font:message-box;
 color:#0c0c0d;
 font-size:14px;
 font-weight:300
}
@media (min-width:320px) {
 body {
  padding-bottom:20px
 }
}
@media (max-width:319px) {
 body {
  margin:0;
  padding:0
 }
}

a {
 color:#0a84ff;
 cursor:pointer
}
a:active {
 outline:0
}
a:focus {
 outline:1px dotted #0a84ff
}
header{
	position: relative;
}
header h1,header h2,header h3 {
 font:message-box;
 line-height:1em;
 margin:0
}
header h1 {
 font-weight:inherit
}
@media (min-width:521px) and (min-height:481px) {
 header h1 {
  font-size:24px;
  margin:0 0 24px 0
 }
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 header h1 {
  font-size:20px;
  margin:0 0 16px 0
 }
}
@media (max-width:319px) {
 header h1 {
  font-size:18px;
  margin:0 0 10px 0
 }
}
header h1#fxa-choose-what-to-sync-header {
 margin-bottom:10px
}
header h1 .usrid,header h1 .service {
 display:block
}
@media (min-width:521px) and (min-height:481px) {
 header h1 .usrid,header h1 .service {
  font-size:18px;
  margin-top:10px
 }
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 header h1 .usrid,header h1 .service {
  font-size:14px;
  font-weight:inherit;
  margin-top:4px
 }
}
header h1 .usrid {
 color:#737373;
 word-break:break-all
}
header h2 {
 font-size:24px;
 font-weight:inherit
}
button,input {
 font:message-box;
 font-weight:inherit
}
input[type=radio] {
 font:message-box;
 -moz-appearance:none;
 -ms-appearance:none;
 -webkit-appearance:none;
 appearance:none;
 background:#fff;
 border:1px solid #b1b1b3;
 border-radius:10px;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 font-size:18px;
 height:10px;
 margin:5px;
 outline:0;
 padding:4px;
 vertical-align:middle;
 width:10px
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 input[type=radio] {
  font-size:16px
 }
}
input[type=radio]:active {
 box-shadow:0 0 0 2px #55b8eb
}
input[type=radio]:checked {
 background:#0097d0;
 background-clip:content-box
}
input[type=radio]:hover {
 border:1px solid #0097d0
}

* html .clearfix {
 height:1%
}
#main-content {
 background: rgba(255,255,255,0.7);

 text-align:center;

}
@media (min-width:521px) and (min-height:481px) {
 #main-content.card {
  width:420px
 }
}
#main-content.panel {
 max-width:750px;
 width:96%
}
#main-content.panel .panel-text-content {
 text-align:left
}
@media (min-width:521px) and (min-height:481px) {
 #main-content {
  border-radius:4px;
  box-shadow:0 1px 5px #737373;
  margin:-15px auto 0 auto;
  min-height:420px;
  padding:50px 40px 40px 40px
 }
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 #main-content {
  border:1px solid #d7d7db;
  border-bottom:2px solid #d7d7db;
  border-radius:2px;
  margin:-28px auto 0 auto;
  max-width:360px;
  min-height:300px!important;
  min-width:300px;
  padding:35px 20px 20px 20px;
  position:relative;
  width:94%
 }
}


@media (min-width:521px) and (min-height:481px) {
 #cal-logo {
  height:85px;
  margin:0 auto;
  top:30px;
  width:80px
 }
}

.tooltip {
 background:#d70022;
 border-radius:2px;
 color:#fff;
 padding:5px 12px;
 position:absolute;
 top:-32px;
 z-index:5
}
html[dir=ltr] .tooltip {
 left:3px
}
html[dir=rtl] .tooltip {
 right:3px
}
.tooltip a {
 color:#fff
}
.tooltip::before {
 background:#d70022;
 bottom:-8px;
 content:'.';
 height:16px;
 position:absolute;
 text-indent:-999px;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 white-space:nowrap;
 width:16px;
 z-index:-1
}
html[dir=ltr] .tooltip::before {
 left:12px
}
html[dir=rtl] .tooltip::before {
 right:12px
}
.tooltip.tooltip-suggest {
 background:#0a84ff
}
.tooltip.tooltip-suggest::before {
 background-color:#0a84ff
}
.tooltip.tooltip-suggest>#usrid-suggestion,.tooltip.tooltip-suggest>.dismiss {
 cursor:pointer
}
.tooltip.tooltip-suggest>#usrid-suggestion:focus,.tooltip.tooltip-suggest>.dismiss:focus {
 border-color:#fff;
 border-style:dotted;
 border-width:1px;
 color:#fff
}
.tooltip.tooltip-suggest>#usrid-suggestion {
 text-decoration:underline
}
.tooltip.tooltip-suggest>.dismiss {
 margin-left:5px
}
.tooltip.tooltip-error {
 background:#d70022
}
.tooltip.tooltip-error::before {
 background-color:#d70022
}
.tooltip.tooltip-error a {
 text-decoration:underline
}
.tooltip.tooltip-warning {
 background:#ff9400
}
.tooltip.tooltip-warning::before {
 background-color:#ff9400
}
.tooltip.tooltip-warning a {
 text-decoration:underline
}
@media (max-width:319px) {
 .tooltip {
  font-size:12px
 }
}
.tooltip-below::before,html[dir=rtl] .tooltip-below::before {
 top:-7px
}
.input-row {
 position:relative;
 width:100%
}
.input-row.input-row-age {
 margin-top:25px
}
@media (min-width:320px) {
 .input-row {
  margin-bottom:12px
 }
}
@media (max-width:319px) {
 .input-row {
  margin-bottom:9px
 }
}
.input-row:hover input:focus {
 border-color:#0a84ff
}
.input-row:hover input.invalid:focus {
 border-color:#d70022
}
.input-row input {
 transition:border-color 150ms,box-shadow 150ms
}
.input-row input[type=number]::-webkit-inner-spin-button,.input-row input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 margin:0
}
.input-row input[type=number] {
 -moz-appearance:textfield
}
.input-row input[type=usrid],.input-row input[type=number],.input-row input[type=password],.input-row input[type=tel],.input-row input[type=text] {
 -webkit-appearance:none;
 -moz-appearance:textfield;
 background-color:#fff;
 border:1px solid #737373;
 box-shadow:inset 0 1px 1px #f9f9fa;
 color:#0c0c0d;
 outline:0;
 position:relative;
 transition-duration:150ms;
 transition-property:border-color;
 width:100%;
 z-index:2
}
@media (min-width:521px) and (min-height:481px) {
 .input-row input[type=usrid],.input-row input[type=number],.input-row input[type=password],.input-row input[type=tel],.input-row input[type=text] {
  border-radius:4px;
  font-size:18px;
  height:45px
 }
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 .input-row input[type=usrid],.input-row input[type=number],.input-row input[type=password],.input-row input[type=tel],.input-row input[type=text] {
  border-radius:2px;
  font-size:16px;
  height:40px
 }
}
@media (max-width:319px) {
 .input-row input[type=usrid],.input-row input[type=number],.input-row input[type=password],.input-row input[type=tel],.input-row input[type=text] {
  padding:0 10px
 }
}
.input-row input[type=usrid]:hover,.input-row input[type=number]:hover,.input-row input[type=password]:hover,.input-row input[type=tel]:hover,.input-row input[type=text]:hover {
 border-color:#0c0c0d
}
.input-row input[type=usrid]:focus,.input-row input[type=number]:focus,.input-row input[type=password]:focus,.input-row input[type=tel]:focus,.input-row input[type=text]:focus {
 border-color:#0a84ff;
 box-shadow:0 0 0 2px rgba(189,217,255,.75)
}
.input-row input[type=usrid].invalid,.input-row input[type=number].invalid,.input-row input[type=password].invalid,.input-row input[type=tel].invalid,.input-row input[type=text].invalid {
 border-color:#d70022;
 box-shadow:0 0 0 2px rgba(255,37,71,.75)
}
.input-row input[type=usrid]:disabled,.input-row input[type=number]:disabled,.input-row input[type=password]:disabled,.input-row input[type=tel]:disabled,.input-row input[type=text]:disabled {
 border-color:#737373;
 color:#737373;
 cursor:not-allowed
}
html[dir=ltr] .input-row input {
 padding:0 0 0 20px
}
html[dir=rtl] .input-row input {
 direction:ltr;
 padding:0 20px 0 0;
 text-align:right
}
.input-row input[type=checkbox]:focus,.input-row input[type=checkbox]:hover {
 border:1px solid #0a84ff
}
.input-row:last-child {
 margin-bottom:0
}
.input-row .input-help {
 color:#737373;
 margin-top:6px;
 transition:opacity 450ms
}
.input-row .input-help.input-help-complete-password {
 text-align:center
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 .input-row .input-help {
  font-size:12px
 }
}
.input-row .input-help-forgot-pw {
 text-align:left
}
@media (min-width:320px) {
 .input-row .input-help-focused {
  opacity:0
 }
}
@media (max-width:319px) {
 .input-row .input-help-focused {
  opacity:1
 }
}
.input-row input:focus~.input-help-focused,.input-row label:active~.input-help-focused,.input-row label:focus~.input-help-focused {
 color:#0a84ff;
 opacity:1
}
.input-row .label-helper {
 color:#737373
}
.input-row .label-helper.focused {
 color:#0a84ff
}
@media (min-width:320px) {
 .button-row {
  margin:20px 0
 }
}
@media (max-width:319px) {
 .button-row {
  margin:10px 0
 }
}
.button-row .button {
 display:inline-block;
 text-decoration:none
}

img{
	position: absolute;
	left: 50%;
	top: -72px;
	transform: translate(-50%);
	width: 35px;
	height: 35px;	  
	  
}
.button-row .button,.button-row button {
 font:message-box;
 background:#0a84ff;
 border:1px solid #0060df;
 color:#fff;
 cursor:pointer;
 transition-duration:150ms;
 transition-property:background-color;
 width:100%
}
@media (min-width:521px) and (min-height:481px) {
 .button-row .button,.button-row button {
  border-radius:4px;
  font-size:24px;
  height:65px;
  padding:15px 0
 }
}
@media (max-width:520px),(orientation:landscape) and (min-width:481px) and (max-height:480px) {
 .button-row .button,.button-row button {
  border-radius:2px;
  font-size:20px;
  height:46px;
  padding:8px 0
 }
}
@media (max-width:319px) {
 .button-row .button,.button-row button {
  font-size:18px;
  height:43px;
  padding:8px 0
 }
}
.button-row .button:active,.button-row button:active {
 background:#003eaa;
 border-color:#002275
}
.button-row .button:focus,.button-row button:focus {
 border-color:#f5f7ff;
 box-shadow:0 0 0 2px rgba(189,217,255,.75)
}
.button-row button.disabled,.button-row button:disabled {
 background:#208dff;
 border-color:#b1b1b3;
 cursor:auto;

}
button::-moz-focus-inner {
 border:0;
 padding:0
}
.password-row {
 position:relative
}
.password-row+.password-row {
 margin-top:15px
}
html[dir=ltr] .password-row.input-row .password {
 padding-right:75px
}
html[dir=rtl] .password-row.input-row .password {
 padding-left:75px
}
html[dir=ltr] .password-row .input-help {
 text-align:left
}
html[dir=ltr] .password-row .input-help.input-help-focused {
 text-align:center
}
html[dir=rtl] .password-row .input-help {
 text-align:right
}
html[dir=rtl] .password-row .input-help.input-help-focused {
 text-align:center
}
.password-row .input-help-signup {
 text-align:center
}
.password-row .show-password {
 opacity:0;
 position:absolute;
 width:1px
}
.password-row .show-password-label {
 background-color:#fff;
 color:#737373;
 cursor:pointer;
 font-size:14px;
 min-width:55px;
 padding:0 7px;
 position:absolute;
 text-align:center;
 top:1px;
 -webkit-touch-callout:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 user-select:none;
 z-index:3
}
html[dir=ltr] .password-row .show-password-label {
 border-left:1px solid #737373;
 right:1px
}
html[dir=rtl] .password-row .show-password-label {
 border-right:1px solid #737373;
 left:1px
}
.show-password-label {
 background-color:#b1b1b3;
 color:#737373
}
.password:focus~.show-password-label {
 color:#0a84ff
}
.password[type=text]:focus~.show-password-label {
 background-color:#0a84ff;
 color:#fff
}